@extends('admin.main')

@section('content')
<div class="wrapper wrapper-content">
    <div class="ibox">
        <div class="ibox-title">
            <h5>Logo 图片</h5>
        </div>
        <div class="ibox-content">
            <div id="filePicker">选择图片</div>
            <img id="imgLogo" src="{{asset($logo)}}" class="img-thumbnail img-responsive" />
        </div>
    </div>
</div>
@endsection

@section('pageheader')
<link href="/assets/WebUploader/webuploader.css" rel="stylesheet" />
@endsection

@section('pagescript')
<script src="/assets/WebUploader/webuploader.js"></script>
<script>
    $("#side-menu li[rel='siteconfig']").addClass("active")
        .find("ul").addClass("in")
        .find("li[rel='2']").addClass("active");

    var uploader = WebUploader.create({
        // 选完文件后，是否自动上传。
        auto: true,
        // swf文件路径
        swf: '/assets/WebUploader/Uploader.swf',
        // 文件接收服务端。
        server: "{{url('admin/siteconfig/upload-logo')}}",
        // 文件上传请求的参数表
        formData: {"_token":"{{ csrf_token() }}"},
        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#filePicker',
        // 只允许选择图片文件。
        accept: {
          title: 'Images',
          extensions: 'gif,jpg,jpeg,bmp,png',
          mimeTypes: 'image/*'
        }
    });

    uploader.on("uploadSuccess", function(file, result){
        if(result.status == "0"){
          failure(result.msg);
          return;
        }
        $("#imgLogo").attr("src", result.url);
    });
</script>
@endsection
